Este menú horizontal es muy vistoso, lo he tomado prestado del blog de nuestro buen amigo César.Para añadirlo a nuestro blog nos situaremos en Plantilla/Edición HTML.
Después de <head> /añadiremos lo siguiente:
<style type='text/css'>
#chromemenu{
width: 100%;
font-weight: bold;
font-size: 90%;
}
#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
#chromemenu ul{
border: 5px double #660000;
width: 99%;
background-color: #000000; center
center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}
#chromemenu ul li{
display: inline;
}
#chromemenu ul li a{
color: #cccc66 ;
padding: 5px;
margin: 10;
text-decoration: none;
border-right: 3px double #660000;
}
#chromemenu ul li a:hover{
background-color: #660000; center
center repeat-x;
}
</style>
(en esta parte de código es donde podemos cambiar el color del menú)
Una vez guardados los cambios nos dirigimos a; Añadir un elemento de página/HTML Javascript donde añadiremos lo siguiente:
<div id="chromemenu">
<ul>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
<li><a href="aquí-url">texto</a></li>
</ul>
</div>
(En esta parte es donde podemos añadir los enlaces y el texto que será visible)
¿Rizamos el rizo? (¿Otra vez? :P )
¿Si añado dos elementos HTML/Javascript se crearan dos menús horizontales? Lo pregunto por la cantidad de apartados que tengo en eCulinariae y no van a caber en un solo menú.
Un saludo
hola de nuevo si soy yo su mejor amigo :D, oye gem@ los códigos que subes son de mucha ayuda para mi blog y también para la escuela ya que estoy estudiando ingeniería en informática :P, bueno lo que te quería pedir es que si me puedes agregar y bueno también los que quieran XD laposadadelmuerto@hotmail.com.
Bueno me gustaría compartir códigos y también dudas con muchos de ustedes ojala y me agreguen :P
de nuevo felicidades muy buen blog
JmpaSrgc ya me estás tentando (voy a probar y te cuento..)
Remy pues me alegra mucho que sea este un espacio donde recurrir para tus estudios :)
(Guardo tu correo) Gracias :)
Hola Gema. Aunque nunca he dejado comentarios todos los dias paso por aca y sin dudapongo en practica tus consejos,un reflejo de ello es mi blog jeje.
En mi sitio toditiko.com te deje algo que puedes parar por el cuando quieras, es un pequeño reconocimiento, espero y te des una vueltita por ahi.
Saludos
Gema requiero tu ayuda. Mi problema es que me hice una barra de botones con el programa web button menu maker. Quedaron bastante bien. Pero cuando saco el codigo me aloja las imagenes de los botones en mi disco duro. La pregunta es: como enlazo esas imagenes si las subo a imageshack o bien al mismo blogger. Que parte del codigo debo modificar. Lo he revisado varias veces y no logro hacerlo. Mi email por si prefieres preguntarme mas es esepulvedag@mail.com
saludos
eduardo
JmpaSrgc te he dejado un comenatrio en el blog y un enlace para que veas un efecto de lo que me decías.
JGM te lo agradezco de corazón aunque más que hacerte pensar te diera dolor de cabeza :)
GRACIAS
Eduardo no sé si ya lo habrás resuelto, por eso me gusta que me dejéis el enlace a vuestro blog porque al pasar unos días de vuestra consulta es probable que ya lo tengáis solucionado y también porque me puedo hacer una idea de como es vuestro blog o qué plantilla estáis usando.
Sobre la pregunta de añadir botones creados por ti lo veo muy difícil ya que es un script donde su contenido no da opción a aplicarle una imagen. Al menos yo he probado y no me ha dado resultado.
Lo que si puedes es adaptar ese script con los colores acordes a tu blog (yo lo hice de ejemplo para esta entrada pero puedes ver otra idea en este ejemplo que hice para el amigo JmpaSrgc.
También puedes crear un menú para incorporar las categorías del blog de esta forma.
Si necesitas más ayuda dame un poco de idea sobre lo que te gustaría hacer :)
Hola, Gema!
He visitado muchas veces tu blog pero es la primera vez que me decido a escribir. Tengo una web http://brangelinaenespanol.blogspot.com que se ha convertido en una de las más populares dentro de mi fandom y estoy haciendo renovaciones, que cuando no tienes ni idea de html, css o cómo se llame esto :D es muy dificil. Buscando buscando te encontré ;)
He instalado el menú en horizontal tal como lo explicas en la entrada y me ha salido algo parecido (de lo que estoy muy orgullosa) pero rizando el rizo me gustaria que de cada tema se desplegaran más opciones (por ejemplo en vídeos: vídeos de Brad Pitt, Vídeos de Angelina Jolie, vídeos de ambos, vídeos de la película). Todos los códigos que he encontrado a mí no me funcionan (o se me desarma el layout o como si no hubiera cambiado nada)
Confío en que me puedas ayudar! :D
También, ya puestos a pedir, me gustaría saber si hay algún código para que los links arriba no cambien, es decir que si consulto mi archivo o voy a una entrada en concreto no se vea la url. Tal vez blogspot no te deje. Ni idea.
Te dejo mi email: brangelinaenespanol@gmail.com
Ah! Mis códigos son los viejos de blogger
Un saludito!
Noe
Gem@: antes que nada te anticipo mi ignorancia total en todo esto; pero se me dió por incluir un menú horizontal y siguiendo tus instrucciones me aparece el menú ... pero en la Sidebar! Por otra parte, no sé si tengo que "crear" antes las páginas donde va a linkear, porque clikeo y me vuelve a cargar siempre la misma página. ¿Me podés ayudar?
Te dejo mis datos por las dudas
www.laresistencialibertaria.bolgspot.com y la dir de mail es gpbian@yahoo.com.ar
Zancs!
La miga ese menú no da opción de desplegar más submenús.
Quizás este es lo que estás buscando.
Por otra parte los enlaces los debes agregar donde dice "aquí-url"
La url de la barra del navegador no puedes modificarla, cada página es única en Internet.
La Resistencia... he visto que ya has arrastrado la etiqueta a su lugar ;)
Los enlaces los puedes agregar después o antes es indiferente
siempre que el código esté completo y agregues la url del enlace donde dice "aquí-url"
Repasa bien el código que lo tengas copiado correctamente y me dices si te resulta :)
Gem@, gracias por tu rta.
Si bien logré desplazar el menú a donde quería como bien vistes, el problema es que no sé cómo crear la url para pegar donde dice: "aqui URL".
¿Cómo hago? ¿Desde dónde se crea la dir? Millones de gracias como siempre.!
La url no se crea, la url es la dirección que aparece en el navegador cuando abrimos una página.
Debes agregar la dirección de la página que deseas enlazar donde dice "aquí la url"
Donde dice "aquí texto" es el texto que va a aparecer en el menú y hará de enlace con la página que vas a enlazar.
Suerte La Resistencia .... ;)
Hola gema mi pregunta es si yo quiero donde pone para poner el link, poner la direccion de otra pagina web que tengo que hacer. Es que pongo la direccion de la pagina web que quiero poner y me pone ademas de mi direccion, la que yo he puesto, y claro me dice que nose encuentra la pagina.
Me podrias ayudar??
si para ti no es ningun pproblema me escribes a http://pasionsevillista.blogspot.com
y si no0 pues me lo pones por aqui
Gracias
Alejandro no entiendo como aparece tu url y la que añades debes poner sólo la url de la página que deseas enlazar donde dice:
<li><a href="AQUÍ LA URL">texto</a></li>
hola gema, quisiera saber como hacer para tener un menu como el que tenes vos de manera vertical es posible ese me encanto...
Bienvenida lizi claro que es posible, puedes seguir los pasos de esta entrada
Si te surgen dudas házmelo saber ;)
Gema dime por favor cómo hago para poner una url a el menu horizontal!!
a mi me gustaria tener una entrada por pestaña!! en una poner videos, en otra fotos, etc!! pero sin salirme
de mi blog... que siempre sea mi blog...
por favor ayudame Gema!!
keane_153_hope@hotmail.com
muchas gracias desde ya!!
:::keane Arica::: es muy sencillo, primero etiquetas las entradas, luego creas el menú.
Al final donde hay que añadir los enlaces hacemos lo siguiente:
Como tenemos etiquetadas las entradas clicamos sobre una categoría, nos mostrará ese cartelito que dice Mostrar todas las entradas con (EL NOMBRE DE LA CATEGORÍA)
Cuando nos muestra todas las entradas de una misma categoría copiamos la url que aparece en la barra del navegador y la agregamos como url de la página en los enlces. Luego añadimos el texto que corresponde con la url que añadimos.
Ejemplo... Vídeos lo enlazamos con la url del navegador cuando nos muestra todas las entradas de vídeos.
Si no ha quedado muy claro házmelo saber ;)
me quedó muy claro xD
muchisimas gracias tenia esta duda desde hace mucho tiempo con otro blog que yo me habia hecho y por eso quice iniciar este que tengo ahora!!
muchas gracias!! :D
cuidate mucho! ;D
Estupendo keane ;)
no funciona
Si que funciona Alejandra, todo lo que ves en este blog lo he probado antes de darle salida a la entrada, las imágenes son ejemplos del resultado. Repesa los pasos a seguir por si cometiste algún error sin darte cuenta :)
Gem@.
Gracias por la ayuda, en realidad tu blog es muy didactico y me ayudo en mucho.
El unico problema que tengo esque no se como eliminar el restante espacio que no necesito en la cabecera de mi blog.
atte.
paulino
www.renejoaquino.blogspot.com
¿A qué espacio en concreto te refieres Paulino?
ola gem@... te keria pedir muxa ayuda :P... el problema es q como yo soi muy nuevo en esto .. llevo como 2 dias...keria pedirte como puedo agregar un menu flash a mi blog...he intentado con muxos programas pero el problema es q cuando el programa me da el archivo html... no lo puedo cargar en mi pagina..
si me puedes ayudar te lo agradeceria...
almas_libre@msn.com
y mi pagina:http://vikingosrugbyclub.blogspot.com/
si alguien tiene alguna sugerencia.. no tenga duda en q se las voia aceptar... mi pagina es sobre un ekipo de rugby...para q ojala sus sugerencias sean con gadgets temas u otras herramientas
Hola, otra vez por acá :D Hace rato que quiero hacer un menú horizontal, pero con los mismos botones y códigos que tengo en los botones naranjas de Te Propongo, los que están en la sidebar, que dicen: panel, enlaces, inicio y categorías, los quiero poner como un elemento de página arriba de los artículos, pero me quedan uno debajo del otro, como puedo hacer para que queden uno al lado del otro?? :o Tengo que poner todo ese código en la plantilla o hay otro modo mas sencillo??
Besos ;)
Hola //Vikingos necesito saber qué menú deseas aplicar o en su defecto el código que debes añadir.
Para más facilidad déjame la url de la web indicándome el menú escogido ;)
k_nelita para el menú en la parte de arriba de las entradas debes añadir el código html en un elemento de página justo encima de las entradas, si no te deja arrastrar el de la sidebar deberás crear uno
Si no dejas espacios entre los códigos de los botones quedarán en la misma línea.
No olvido lo de tus imágenes k_nelita es que no me ha dado tiempo y es algo laborioso.
Gracias gem@, justamente por eso te lo proponía, porque hace unos días me apareció la opción de poner un elemento de pagina sobre los post, así que no tenía que arrastrar nada, era solo pegar el código de los botones, pero me salían uno debajo del otro, ya está lo logré, en parte gracias a vos con tu sugerencia, pero la cuestión no era dejar espacio entre los botones, sino quitarselo y centrar todo junto, así quedó, lo único es que al clickar sobre uno de los botones (cualquiera) se baja, no se porque será, pero igual queda muuuucho mejor que en la sidebar, cuando tengas tiempo fijate.
Ahh... ahora releyendo tu comentario, veo que me decías eso, que le quitara el espacio, si seré bruta... había entendido al revés... que pedazo de boba!
Bueno al final igual lo logré gracias gemit@!!
Y lo de las imagenes estoy al pendiente, se que no es fácil, pero tampoco ha de ser tan difícil no?
Olvidate de miarroba, y fijate como puedo poner esas imagenes en la sidebar y el main, no puede ser que no me las tome, tendré que modificarles medidas? :O
Besoteeeees!! ;)
K_nelita creo que te contesté a este comentario con un mail no estoy :(
Olaaa Gem@ sabes que yo tengo un menu y queria saber si en un menu le puedo poner 2 o mas entradas juntas???????????????
me puedes ayudar porfavor
chaooooooooooooooooooo
Holis Gema! Tengo una pregunta, pero no sé si va aquí jejee.. ¿Cómo puedo diferenciar (con otro color) el Inicio del menú con el resto?
De atte. muchas gracias :)
Huachipato ¿te refieres a enlaces? me temo que no, cada enlace necesita una url, y las urls son direcciones únicas.
Si lo que deseas enlazar son entradas del blog lo que si puedes hacer es unificar las dos entradas. Crear una sola con las dos.
Sidhe todo depende del menú, algunos tienen efecto hover y eso hace que cambie de color al pasar el puntero. Otros resaltan una pestaña del resto en un color diferente (por ejemplo el mio)
Debería ver tu menú y te cuento... ;)
Sidhe tiene el mismo efecto para todas las pestañas :(
Entonces no se puede cambiar? ahh que pena! Bueno será.. Gracias igual :)
Kisses
Este que tienes ahora no Sidhe, pero si los hay con el efecto qu eme comentas. También tengo que reconocer que no he probado, si quieres mándame el enlace de donde lo bajaste y lo instalo en mi blog de pruebas.
¿De donde baje el menu GEma? Pues venia en la plantilla, yo sólo lo arregle.
A ver si me puedes ayudar, esto es lo que tengo:
/* Menu */
#mainmenu{
height:22px;
background: url(http://img170.imageshack.us/img170/9159/66229090ao6.jpg);
font-weight:bold;
display:block;
padding:9px 0 3px 15px;
margin-left:105px;
margin-right:105px;
font-variant:small-caps;
font-family:century gothic,Verdana,sans-serif;
}
#mainmenu ul {
margin:0px;
padding:0px;
}
#mainmenu ul li {
margin:0px;
list-style:none;
float:left;
margin-left:8px;
font-size:13px;
}
#mainmenu ul li a {
text-decoration:none;
color:#000000;
padding:3px;
padding-left:22px;
padding-right:22px;
position:relative;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}
#mainmenu ul li a:hover, #mainmenu ul li a.active {
color:#ae0000;
background-color:#000000;
text-decoration:none;
}
#mainmenu ul li a span {
display:none;
}
#mainmenu ul li a:hover span, #mainmenu ul li a.active span{
display:inline;
position:absolute;
right:-1px;
top:0px;
Gracias
Bye
Hola, por favor espero me puedas ayudar, coloque un menu en mi blog http://ymarena.blogspot.com/ y no se como crear la pagina a la que le estoy haciendo referencia en el menu. Como creo una pagina?
por ejemplo: http://ymarena.blogspot.com-fotos.....
Agradecida por la ayuda
Ymarena normalmente los menús constan de dos códigos uno que son los estilos y lo añadimos a la plantilla y otro que es un div que va como elemento de página.
En este último es donde van los enlaces, si los enlaces son externos bastará con añadir la url de la página, si deseas crear una página hay qe hacerlo como si fuera una entrada.
-Creas el contenido de esa entrada y le das salida.
-Haz clic en el título de la entrada.
-Copia la url que verás en el navegador y añádela a el código que añadiste como un elemento de página.
De esa forma cuando piques en el menú aparecerá esa entrada.
(Un ejemplo es mi menú puedes verlo si clicas en autora)
Por aquí sigo Gema.
He aplicado este menú intentado que se parezca lo más posible al que pusiste en la plantilla de "recipar" pero no hay manera, no queda mal pero no es lo que quería. He hecho desaparecer todas las lineas excepto las divisorias.
Me sale además la imagen de los botones verdes que están puestos por defecto en la plantilla de tic-tac (los puedes ver en "foros" por ejemplo) y no tengo opcion a quitarlos.
Quisiera un fondo transparente que no se cómo hacer... uf. Me echas una manita, please?
Como se podría poner sobre la foto de cabecera? Demasiadas preguntas :D perdonaaaaaa :D
No son demasiadas Maite, lo que si es demasiada es la explicación para añadirla aquí mismo.
Te adelanto que el menú de Repicar consiste en esto:
<a href='url-de-home'>Home</a> | <a href='url-escritorio'> Escritorio</a> | <a href='url-perfil'>Perfil |</a>
Claro está con los enlaces y texto que tu añadas.
Situarlo sobre logo es sencillo bastaría con añadir estilos para ubicarlo.
Al contrario de lo que solemos hacer este menú no lo añadí como un gadget está incluido en la plantilla.
Lo que no entiendo es ¿lo vas a añadir a la plantilla antigua?
No es que no entiendas, es que te estoy volviendo loca :D
Lo quise probar ayer en el viejo de pruebas por saber cómo funcionaba, acabo de probarlo ahora en el de pruebas nuevo (el de la minima) y como gadget bajo la cabecera no me sale del todo mal. Sosito, ya probaré a darle estilos.
No creo que sea el definitivo, ya sabes ;)
Ahora veo este comentario :)
Querida Gem@, mil gracias!
Después de mucho buscar y buscar por la red, la solución que planteas para el menú horizontal es excelente. Estoy enormemente agradecido, de manera que esto me ayuda a aprender. Ojalá pueda, en breve, devolver tanta gratitud. (Cuando empiezo la tarea de un nuevo blog me gusta llegar al final con herramientas precisas)
Un saludo grande desde Bs. As. Argentina.
Marcelo
marce678@yahoo.com.ar
Gracias por el comentario Marcelo, me alegra poder serte útil en algún momento :)
Gem@. el menú horizontal lo instale e hice algunos ajustes, ahora para yo utilizarlos donde dice aqui la url como tengo que hacerlo ya que mi blog esta dedicado a la informaciones
http://worldnewsdaily24h. blogspot.com chequealo
miras el menu y como hago para escribir de económia enlasandolo con la parte del menu.
yz Saludos Juan Pumarol, para poder enlazar el menú antes debes añadir etiquetas a las entradas.
Editamos la entrada y en la parte de abajo hay un enlace que dice:
Etiquetas:......Mostrar todo
Tienes que escribir el nombre de tu etiqueta, si añades más de una deben ir separadas por comas.
Si llegado al punto de editar una entrada la etiqueta que vas a añadir ya la tienes no es necesario escribirla de nuevo, bastaría con clicar donde dice "mostrar todo" y señalar la etiqueta que queremos.
Una vez tienes todas las entradas con su correspondiente etiqueta mira esta entrada donde explico con detalle como crear los enlaces en el menú.
http://gemablog-.blogspot.com/2009/02/anadir-enlazar-configurar-menus.html
Las explicaciones para tu menú a partir de donde dice:» Enlazar una categoría o etiqueta «
hola gema como estas??
el menu me queda en forma vertical y sin ningun color como puedo diseñarlo a mi estilo
gema ya lo arregle tenia un error, ahora lo que quiero es poner cada enlace de un diferente color como hago?
yz Saludos Le Actif Project para darle estilos a los enlaces puedes hacerlo con la etiqueta span:
<span style="color: orangered; font-family: comic sans ms; font-size: 16px;">aquí el texto-enlace</span>
(Sustituye color, tipo de letra y tamaño por el que deseas y donde dice texto-enlace sustituyelo por tu enlace :)
ME SALE EL MENU VERTICAL Y LO PUSE HORIZONTAL
yz Junior Tu Papa, tendría que ver ese ejemplo online :O
Querida Gema:
He seguido todas las instrucciones para hacer el menu horizontal y no se donde me he equivocado porque el menu no me deja llegar hasta el final de los datos ingresados en nel submenu:
http://pionerosbibliotecologia.blogspot.com/
Que debo hacer? Gema...Helpppppppp!!!!
yz Hola Saul siento ver tu comentario con tanta demora, si te digo la verdad lo vi primero en Vagabundia y el comentario me hizo pensar que tenía algo pendiente contigo.
De todas formas me alegro porque a lo tienes solucionado :)
Excelente, me funciono muy bien gracias:)
:: Me alegra que funcionara Raffy Dj :D
Podría hacer un menú horizontal debajo de la cabecera con 4 apartados, pero que en lugar de ser unos cuadrados tuviese 4 iconos iguales que suba yo? Y a ser posible que debajo de cada icono ponga el enlace al que lleva....
Igual es demasiado complicado...
Lo de antes era una pregunta :D
No se si será un rollo para poder hacer.... Lo único que he modificado de la web lo he hecho con tus respuestas..... así que no estoy muy avanzada en HTML....
:: No es un rollo y la verdad no recuerdo si hay algún menú al que se puedan añadir tus propias imágenes. Se puede probar a crear una tabla con dos celdas en la superior la imagen y en la inferior el texto con el enlace.
http://gemablog-.blogspot.com/2009/12/generador-de-tablas.html
Otra idea es utilizar los gadgets de imágenes como enlaces en la siguiente url se explica como hacerlo, sería necesario disminuir el tamaño de cada gadget para que se adaptara a tus imágenes
http://gemablog-.blogspot.com/2009/06/gadgets-de-imagen-para-enlaces.html
Puedes ver un ejemplo en el siguiente enlace pero con imágenes de gran tamaño:
http://forevergema.blogspot.com/
En tu caso se puede añadir el enlace al texto inferior.
Es cuestión de probar en otro blog con tu misma plantilla y ver la forma que te resulta más fácil y acorde con el resultado.
hola gema ya me he pasado varias veces por tu blog y me gusta mucho, oye que plantilla usas??
esque quisiera poner mi blog asì, ademas estoy intentanto poner un menu horizontal y no puedo, no me deja el blogger. :'(...agradecerìa mucho que te pasaras por mi blog para que me explicaras como poner un menu horizontal.:D
:: Mi plantilla es la Minima de Blogger (la blanca) con bastantes cambios :O
Y la mejor forma de añadir un menú al menos la que menos trabajo da y resulta más útil es esta:
http://gemablog-.blogspot.com/2009/08/menu-con-variables-de-fuentes-y-colores.html
Mil gracias :D
:: A ti por comentar MilioX :)
Hola! :)
weno ya te envie un correo pero por si las moscas:
me gustaria saber cual es el codigo de tu barra horizontal
pues llevo un tiempo intentando ponerlo como el tuyo(pero en negro),jugando con los codigos,etc.
y no lo consigo
¿Podrias ayudarme?
:: No tengo un sistema concreto de menú simplemente añadí los enlaces y luego le di estilo, pero puedes guiarte con esta entrada que el resultado es el mismo luego arrastras el gadget hasta el lugar deseado y listo :)
:: Me olvidé dejarte la url de las explicaciones :S
http://gemablog-.blogspot.com/2009/08/menu-con-variables-de-fuentes-y-colores.html
Hola Gem@, muy bueno acabo de aprender algo nuevo porque yo antes ponia los dos codigos dentro del html! y no creando un widget, ahora tengo una pregunta, porque pones el codigo css dentro de esto
style type='text/css'
.:. codigooooooooooooooo
/style
y no dentro del
b:skin ![CDATA[
.:. codigo cssssssss
]] /b:skin
Suponiendo las cosas , es porque esta en un widget? pero al estar asi como sabe a q widget pertenece porque no tiene ningun identificador como los id o class, otra suposicion xD , acaso es porque esta dentro de la zona donde esta el codigo al que hace referencia al css , en este ejemplo en la parte del head, es asi? xD
y por ultimo tengo un problemilla, como podria arreglarlo, cuando estas en el home de mi blog el titulo sale con un color x y cuando estas en un post el titulo sale en color negro, yo quisiera que siempre salga con el color.
Aca mi blog con este error -> http://todocovers.blogspot.com/
Muchas Muchas gracias! y esta super tu blog!!
:: Jhony Page no tiene nada que ver que los estilos que añadimos sean para un widget, en un principio se añaden así cunado renombramos unos estilos o simplemente para no cargar demasiado el inicio de la plantilla.
Sabemos perfectamente a qué gadget se añaden los estilos porque si te fijas en el html del gadget añadimos un id (identificador) con un nombre en este caso "chromemenu" <div id="chromemenu"> y en los estilos el mismo nombre #chromemenu :)
En los estilos de tu blog veo que tienes comentadas algunas líneas y eso quiere decir que no surtirán el efecto esperado, por ejemplo:
#header {
margin: 07px;
border: 1px solid #cccccc;
text-align: left;
/* color:#666666;*/
height: 150px;
font-family:time new roman;
text-transform:Capitalize;
}
Cuando añadimos /* -------- */ es para comentar algo es decir como tener un apunte o para informar o recordar a qué parte de la plantilla pertenecen esos estilos.
Es fácil encontrarlo de esta forma:
/* Outer-Wrapper
---------------------*/
eso nos dice que los estilos que hay a continuación pertenecen a Outer-Wrapper, o esta otra:
text-align: left; /* con eso añadimos el texto a la izquierda */
Eso es a modo de información, no hace que cambie nada pero nos ayuda a localizar algo.
Lo que yo haría sería limpiar un poco eso que te comento y luego vemos los colores del título que los puedes modificar en:
#header h1 ahí verás el color tal y como se muestra en la página de Home.
#header a aquí va el color del título en las individuales.
#header a:hover y aquí el color al pasar el cursor (efecto hover)
Muchas gracias por la explicacion!!! Tu blog,el de JMiur y el de Rosa son los que mas visito!!
Hola Gem@! necesito tu ayuda...nadie es capaz de contestarme a la pregunta, aunque yo creo que no debe ser muy difícil. Ahí va, ¿Cómo hago para poner imágenes en la parte inferior del blog? Quiero poner algunos link en la parte inferior, unas 6 imagnes para ser exactos...Te pongo un link como ejemplo: http://bitelia.com/. Como podrás ver al final de la página tiene colocado imágenes como "patrocinadores". Eso es justo lo que quiero. GRACIAS DE ANTEMANO
:: Organizadores eso es tan sencillo como añadir una tabla en un gadget del footer, dentro de la tabla puedes ordenar los botones o clasificarlos.
Si no tienes gadget en el footer mira la siguiente entrada:
http://gemablog-.blogspot.com/2007/06/aadir-elementos-en-pgina-de-diseo.html
Este generador de tablas es muy útil:
http://gemablog-.blogspot.com/2009/12/generador-de-tablas.html
me preguntaba se este menu se le podria agregar submenus :S
PD: de todas las paginas que he visitado fuiste quien mejor explico, gracias.
Hola Gem,
He realizado un menú en nuestro blog:
http://www.blogdecruceros.blogspot.com/
Al clicar en las opciones del menú, me lleva a otra página y me dice que "no la encuentra o no existe".
Me gustaría que cada sección fuera una página independiente, y que cuando clique en noticias, éstas estén publicadas ahí.
Qué parte de código y dónde me falta?
Un saludo.
:: blog de cruceros para que la url enlazada sea la correcta debe ser la url que visualizamos en la barra del navegador cuando vemos el post o página completa.
Si lo que deseas es que una pestaña te muestre todas las entradas con la etiqueta noticias deberías marcar sobre esa etiqueta en una entrada cualquiera y la url que verás en la barra del navegador será la que añades al menú enlazando "noticias" de esa forma te mostrará todo con esa etiqueta ;)
@Gem@
Hola Gema,
Eso lo entiendo pero no sé cómo hacerlo. Es dcir, debo crear una "Etiqueta"? Al escribir una noticia ¿cómo la llevo a esa pestaña? Te entiendo pero no sé como hacerlo.
Un saludo.
:: Todas las entradas deben llevar su etiqueta al ser editadas, es muy útil para la navegación y localización de entradas.
Una vez añadimos la eiqueta y le damos salida a la entrada nos situamos en el blog página principal y marcamos sobre la etiqueta que deseamos mostrar la relación de entradas.
La uro de la barra del navegador será el enlace, es lo que hará que se muestren todas las entradas con una misma etiqueta.
@Gem@
Hola Gema,
Eso justamente es lo que no sale. Al editar la entrada, metemos la etiqueta y la publicamos, pero en nuestro menú al clicar no aparecen esas entradas.
Podrías por favor ver nuestro blog y decirnos donde está el error. Necesitamos meter algún "html" por algún lado?
Un saludo.
:: blog de cruceros veamos, hay que enlazar la etiqueta en el menú, al añadir la etiqueta no sale automáticamente en el menú.
Empecemos por el principio ok?
Cogemos por ejemplo la última entrada "SAN PETERSBURGO: ENCANTADORA CIUDAD" tiene las etiquetas: capitales bálticas, empress, pullmantur cruceros, reportajes ok?
Hacemos clic sobre la etiqueta reportajes y en la barra del navegador aparece esto:
http://blogdecruceros.blogspot.com/search/label/reportajes
Lo copiamos y lo tenemos a mano, luego vamos al código del menú que dice algo así como:
<a title="Reportajes y Entrevistas" href="http://www.blogdecruceros.blogspot.com/reportajes.html">REPORTAJES</a>
Lo que ves en negrita es el sitio donde tenemos que añadir la url que tenemos copiada de la barra del navegador, es decir sustituimos http://www.blogdecruceros.blogspot.com/reportajes.html por
http://blogdecruceros.blogspot.com/search/label/reportajes
De esa forma cada vez que marques sobre la pestaña del menú que dice reportajes nos mostrará todas las entradas con esa etiqueta.
Con el resto de enlaces del menú más de lo mismo.
http://blogdecruceros.blogspot.com/search/label/pullmantur%20cruceros
:: Esa última línea (al final) no le hagas caso la tenía copiada y olvidé eliminarla :S
@Gem@
Hola Gema,
MUCHAS GRACIAS... Sólo una pregunta más.. hay alguna forma de que una pestaña contenga más de una etiqueta?
Un saludo.
:: En ese caso un menú desplegable sería lo ideal no se puede añadir más que un enlace a cada etiqueta pero te dará más posibilidades para enlazar varias etiquetas ocupando menos espacio.
Mira este de Vagabundia:
http://vagabundia.blogspot.com/2010/02/menu-desplegable-con-css3.html
Hola Gema
Hace mas de un año coloque este menu en mi blog.
Pero ahora no se ve en Internet Explored. En otro navegador si. Por favor te prodrias dar una vueltita? pues, me estoy volviendo loca.
lasrevelacionesdeltarot.blogspot.com
mi correo lauraplr1126@yahoo.es
Besos
:: Lamento la demora en responder Venus, estuve mirando con Explorer y si que se ve el menú auqnue no demasiado bien, yo intentaría añadiendo los estilos justo después de ]]></b:skin> y algo muy importante es actualizar el navegador a las últimas versiones :)
Hola Gema, bon dia.
Estoy diseñando este blog para un amigo y no consigo con el menu desplegable seleccionar el submenu. Solo me deja el primer submenu.
http://adelperello.blogspot.com.es/
Gracias de nuevo.
Lo he solucionado. Gracias de todas formas.
Ya puestos, haces el favor de mirar mi cabecera. No logro darle el margen derecho para igualar con el resto del blog.
Añade un valor para el ancho y así no sobra esa parte:
#HTML1 {
background: none repeat scroll 0 0 #414141;
margin-top: 0;
width: 870px;
}
Muchas gracias y que fácil lo haces.
Nota: solo los miembros de este blog pueden publicar comentarios.